<template>
  <div class="setting">
    <el-card>
      <h3>权限设置</h3>
      <el-divider></el-divider>
      <div class="content">
        <div>角色名称：系统管理员</div>
        <div class="text">关联用户：<textarea cols="85" rows="8">请输入</textarea></div>
        <div class="role">
          权限：
          <el-tree
            :data="data"
            show-checkbox
            default-expand-all
            node-key="id"
            ref="tree"
            highlight-current
            :props="defaultProps"
          >
          </el-tree>
        </div>
      </div>
    </el-card>
  </div>
</template>
  
  <script>
export default {
  data() {
    return {
      data: [
        {
          id: 1,
          label: "人事管理",
          children: [
            {
              id: 4,
              label: "人员管理",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
              ],
            },
            {
              id: 4,
              label: "转正管理",
              children: [
                {
                  id: 9,
                  label: "转正",
                },
                {
                  id: 10,
                  label: "导出",
                },
              ],
            },
            {
              id: 4,
              label: "离职管理",
              children: [
                {
                  id: 9,
                  label: "办理离职",
                },
                {
                  id: 10,
                  label: "导出",
                },
                {
                  id: 10,
                  label: "确认离职",
                },
                {
                  id: 10,
                  label: "放弃离职",
                },
                {
                  id: 10,
                  label: "调整",
                },
                {
                  id: 10,
                  label: "重新入职",
                },
                {
                  id: 10,
                  label: "撤销离职",
                },
              ],
            },
          ],
        },
        {
          id: 2,
          label: "组织机构",
          children: [
            {
              id: 4,
              label: "组织管理",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
              ],
            },
            {
              id: 4,
              label: "岗位管理",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },

                {
                  id: 10,
                  label: "导出",
                },
              ],
            },
            {
              id: 4,
              label: "职务管理",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "导出",
                },
              ],
            },
          ],
        },
        {
          id: 3,
          label: "社保公积金",
          children: [
            {
              id: 4,
              label: "社保方案",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "复制",
                },
              ],
            },
            {
              id: 4,
              label: "公积金方案",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },

                {
                  id: 10,
                  label: "复制",
                },
              ],
            },
            {
              id: 4,
              label: "增减人员",
              children: [
                {
                  id: 9,
                  label: "导出",
                },
                {
                  id: 10,
                  label: "办理增员",
                },
                {
                  id: 10,
                  label: "调整",
                },
                {
                  id: 10,
                  label: "停保",
                },
                {
                  id: 10,
                  label: "加入台账",
                },
              ],
            },
            {
              id: 4,
              label: "参保档案",
              children: [
                {
                  id: 9,
                  label: "导入",
                },
                {
                  id: 10,
                  label: "导出",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "详情",
                },
              ],
            },
            {
              id: 4,
              label: "险种设置",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
              ],
            },
          ],
        },
        {
          id: 4,
          label: "薪资核算",
          children: [
            {
              id: 4,
              label: "薪资项目",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "核算",
                },
                {
                  id: 10,
                  label: "查看",
                },
                {
                  id: 10,
                  label: "撤销",
                },
                {
                  id: 10,
                  label: "生产台账",
                },
                {
                  id: 10,
                  label: "状态",
                },
              ],
            },
            {
              id: 4,
              label: "薪资方案",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },

                {
                  id: 10,
                  label: "复制",
                },
              ],
            },
            {
              id: 4,
              label: "薪资台账",
              children: [
                {
                  id: 9,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "归档",
                },
                {
                  id: 10,
                  label: "发放工资",
                },
                {
                  id: 10,
                  label: "撤回",
                },
                {
                  id: 10,
                  label: "详情",
                },
              ],
            },
          ],
        },
        {
          id: 5,
          label: "员工薪资",
          children: [
            {
              id: 4,
              label: "薪资档案",
              children: [
                {
                  id: 9,
                  label: "导入",
                },
                {
                  id: 10,
                  label: "导出",
                },
                {
                  id: 10,
                  label: "调薪",
                },
                {
                  id: 10,
                  label: "定薪",
                },
                {
                  id: 10,
                  label: "档案详情",
                },
              ],
            },
            {
              id: 4,
              label: "薪资调整",
              children: [
                {
                  id: 9,
                  label: "调薪",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "详情",
                },

                {
                  id: 10,
                  label: "复制",
                },
              ],
            },
            {
              id: 4,
              label: "定薪模板",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "撤回",
                },
                {
                  id: 10,
                  label: "详情",
                },
              ],
            },
          ],
        },
        {
          id: 6,
          label: "个税数据",
          children: [
            {
              id: 4,
              label: "专项附加扣除",
              children: [
                {
                  id: 9,
                  label: "导入",
                },
                {
                  id: 10,
                  label: "导出",
                },
                {
                  id: 10,
                  label: "详情",
                },
              ],
            },
            {
              id: 4,
              label: "累计应纳税所得额",
              children: [
                {
                  id: 9,
                  label: "导入",
                },
                {
                  id: 10,
                  label: "导出",
                },
                {
                  id: 10,
                  label: "详情",
                },

                ,
              ],
            },
            {
              id: 4,
              label: "计税规则",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "删除",
                },
              ],
            },
          ],
        },
        {
          id: 7,
          label: "考勤数据",
          children: [
            {
              id: 4,
              label: "考勤计薪规则",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "复制",
                },
              ],
            },
            {
              id: 4,
              label: "考勤报表",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "导入",
                },
                {
                  id: 10,
                  label: "归档",
                },
                {
                  id: 10,
                  label: "撤销",
                },
                {
                  id: 10,
                  label: "详情",
                },

                ,
              ],
            },
          ],
        },
        {
          id: 8,
          label: "工资单管理",
          children: [
            {
              id: 4,
              label: "工资单设置",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "复制",
                },
                {
                  id: 10,
                  label: "状态",
                },
              ],
            },
            {
              id: 4,
              label: "工资发放",
              children: [
                {
                  id: 9,
                  label: "工资发放",
                },
                {
                  id: 10,
                  label: "前往发放",
                },
                {
                  id: 10,
                  label: "详情",
                },
                {
                  id: 10,
                  label: "删除",
                },
              ],
            },
          ],
        },
        {
          id: 9,
          label: "系统设置",
          children: [
            {
              id: 4,
              label: "用户管理",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "导出",
                },
              ],
            },
            {
              id: 4,
              label: "角色管理",
              children: [
                {
                  id: 9,
                  label: "新增",
                },
                {
                  id: 10,
                  label: "删除",
                },
                {
                  id: 10,
                  label: "编辑",
                },
                {
                  id: 10,
                  label: "启用",
                },
                {
                  id: 10,
                  label: "禁用",
                },
              ],
            },
            {
              id: 4,
              label: "个人中心",
              children: [
                {
                  id: 9,
                  label: "我的信息",
                },
                {
                  id: 10,
                  label: "修改密码",
                },
              ],
            },
            {
              id: 4,
              label: "个性化设置",
              children: [
                {
                  id: 9,
                  label: "回复默认",
                },
                {
                  id: 10,
                  label: "保存",
                },
              ],
            },
          ],
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
  
  <style scoped>
.setting {
  width: 100%;
  height: 100%;
}
.setting .userbutton button {
  font-size: 10px;
}
.setting .content{
    padding: 15px 15px;
    color: #6571A1;
}
.setting .content .text{
    margin-top: 15px;
    border: #657180;
}
.setting .content .role{
    margin-top: 15px;
}
</style>
  